<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport"/>

<!-- 引入基础的css和js -->
<link rel="import" href="../public/import.html" id="import"/>

</head>
<body>
<div id="app" v-cloak class="content-div">
    <!-- 列表显示区间 start -->
	<div v-show="showList">
	     <!-- 查询块 start -->
	     <div >
		   	 <div class="panel panel-default">
		        <div >
		            <form id="formSearch" class="form-horizontal">
		                <div class="form-group" >
		                    <div class="col-sm-3">
								<div class="input-group">
								    <div class="input-group-btn">
								        <button  class="btn btn-white" type="button">{{sysShellField.serverName}}</button>
								    </div>
								    <input type="text" class="form-control" v-model="search.serverName"
								        onkeyup="this.value=this.value.trim()"/>
							     </div>
					        </div>
					        <div class="col-sm-3">
								<button type="button" style="margin-left:10px" id="btn_query" class="btn btn-primary" v-on:click="query">查询</button>
                            </div>
		                </div>
		            </form>
		        </div>
		    </div>
	    </div>
	    <!-- 查询块 end -->   
	    <!-- 列表table显示 start -->
		<div class="grid-btn" id="toolbar">
			<a id="update1" v-if="hasPermission('sysshell:update')" class="btn btn-primary" v-on:click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;{{pageData.update}}</a>
			<a id="delete" v-if="hasPermission('sysshell:delete')" class="btn btn-primary" v-on:click="del"><i class="fa fa-trash-o"></i>&nbsp;{{pageData.delete}}</a>
			<!-- <a id="monitor" v-if="hasPermission('sysshell:delete')" class="btn btn-primary" v-on:click="monitor"><i class="fa fa-trash-o"></i>&nbsp;监控</a> -->
		</div>
	    <table id="table"></table>
	    <!-- 列表table显示end -->
	</div>
    <!-- 列表显示区间 end -->
    
    <!-- 编辑内容显示区间 start -->
    <div v-show="!showList" class="panel panel-default">
		<div class="panel-heading">{{title}} <a class="ml10" href="javascript:void(0)"  data-toggle="tooltip" v-on:click="reload"><i class="fa fa-arrow-left"></i></a></div>
		<form id="defaultForm" class="form-horizontal" enctype="multipart/form-data"  @submit.prevent="saveOrUpdate">
										
			<div class="form-group">
			     	<div class="col-sm-2 control-label">{{sysShellField.ip}}</div>
			     	<div class="col-sm-3">
	              		<input type="text" class="input-small form-control" id="ip" name="ip" v-model="sysShell.ip" :placeholder="sysShellField.ip"/>
	                </div>
	         </div>
	    						
			<div class="form-group">
			     	<div class="col-sm-2 control-label">{{sysShellField.serverName}}</div>
			     	<div class="col-sm-3">
	              		<input type="text" class="input-small form-control" name="serverName" v-model="sysShell.serverName" :placeholder="sysShellField.serverName"/>
	                </div>
	         </div>
	    						
			<div class="form-group">
			     	<div class="col-sm-2 control-label">{{sysShellField.userName}}</div>
			     	<div class="col-sm-3">
	              		<input type="text" class="input-small form-control" name="userName" v-model="sysShell.userName" :placeholder="sysShellField.userName"/>
	                </div>
	         </div>
	    						
			<div class="form-group">
			     	<div class="col-sm-2 control-label">{{sysShellField.password}}</div>
			     	<div class="col-sm-3">
	              		<input type="password" class="input-small form-control" name="password" v-model="sysShell.password" :placeholder="sysShellField.password"/>
	                </div>
	         </div>
	    						
			<div class="form-group">
			     	<div class="col-sm-2 control-label">{{sysShellField.port}}</div>
			     	<div class="col-sm-3">
	              		<input type="text" class="input-small form-control" name="port" v-model="sysShell.port" :placeholder="sysShellField.port"/>
	                </div>
	         </div>
	    						
			<!-- <div class="form-group">
			     	<div class="col-sm-2 control-label">{{sysShellField.cmd}}</div>
			     	<div class="col-sm-3">
	              		<input type="text" class="input-small form-control" name="cmd" v-model="sysShell.cmd" :placeholder="sysShellField.cmd"/>
	                </div>
	         </div> -->
	    						
			<div class="form-group">
			     	<div class="col-sm-2 control-label">{{sysShellField.path}}</div>
			     	<div class="col-sm-3">
	              		<input type="text" class="input-small form-control" name="path" v-model="sysShell.path" :placeholder="sysShellField.path"/>
	                </div>
	         </div>
	    				
		     <div class="form-group">
				<div class="col-sm-4 control-label"></div> 
					<input id="validateBtn" type="button" class="btn btn-primary" v-on:click="saveOrUpdate"  :value="pageData.sure"/>&nbsp;&nbsp;
					<input type="button" class="btn btn-warning" v-on:click="reload" :value="pageData.return"/>
			 </div>		
		</form>
    </div>
	<!-- 编辑内容显示区间 end -->
	<div id="logLevelDiv"  style="display: none;">
		<div class="col-sm-2">
			<div class="input-group" style="top:20px">
				<div class="input-group-btn">
					<button  class="btn btn-white" type="button">日志级别</button>
				</div>
				<select id="level" >
					<option value="DEBUG">DEBUG</option>
					<option value="INFO">INFO</option>
					<option value="ERROR">ERROR</option>
				</select>
			</div>
		 </div>
	</div>
	    
</div>
<script src="../public/plugins/layer/layer.js"></script>
<script src="../sys/js/sysshell.js"></script>
</body>
</html>